import React from 'react';
import './spin.less';

class Spin extends React.Component {
    constructor(props) {
        super(props);
        this.displayName = 'Spin';
        this.state = {}
    }
    render() {
        var type=this.props.type
        var content
        if(type==0){
            content=<div className="loader"></div>
        }else if(type==1){
            content=<div className="loader1">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
        }else if(type==2){
            content=<div className="loader2"></div>
        }else if(type==3){
            content=<div className="loader3">
                <span></span>
                <span></span>
            </div>
        }else if(type==4){
            content=<div className="loader4"></div>
        }else if(type==5){
            content=<div className="loader5"></div>
        }else if(type==6){
            content=<div className="loader6"></div>
        }else if(type==7){
            content=<div className="loader7"></div>
        }else if(type==8){
            content=<div className="loader8"></div>
        }else if(type==9){
            content=<div className="loader9"></div>
        }else{
            content=<div className="loader"></div>
        }
        return <div className="tederen-spin">
            {content}
        </div>
    }
}

export default Spin
